<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        legend {
            background-color: #000;
            color: #fff;
            padding: 3px 6px;
        }

        input {
            margin: .4rem;
        }
    </style>
</head>

<body>

    <form>
        <fieldset>
            <legend>Choose your favorite monster</legend>

            <input type="radio" id="kraken" name="monster">
            <label for="kraken">Kraken</label><br />

            <input type="radio" id="sasquatch" name="monster">
            <label for="sasquatch">Sasquatch</label><br />

            <input type="radio" id="mothman" name="monster">
            <label for="mothman">Mothman</label>
        </fieldset>
    </form>

    <hr>

    <p>disable</p>

    <form>
        <fieldset disabled>
            <legend>Choose your favorite monster</legend>

            <input type="radio" id="kraken" name="monster">
            <label for="kraken">Kraken</label><br />

            <input type="radio" id="sasquatch" name="monster">
            <label for="sasquatch">Sasquatch</label><br />

            <input type="radio" id="mothman" name="monster">
            <label for="mothman">Mothman</label>
        </fieldset>
    </form>

</body>

</html>


<!-- <fieldset> -->
<!-- https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/fieldset -->
<!-- HTML <fieldset> 元素用于对表单中的控制元素进行分组（也包括 label 元素）。 -->
<!-- disabled -->
<!-- 如果设置了这个 bool 值属性, <fieldset> 的所有子代表单控件也会继承这个属性。这意味着它们不可编辑，也不会随着 <form> 一起提交。它们也不会接收到任何浏览器事件，如鼠标点击或与聚焦相关的事件。默认情况下，浏览器会将这样的控件展示为灰色。注意，<legend> 中的表单元素不会被禁用。 -->
<!-- form -->
<!-- 将该值设为一个 <form> 元素的 id 属性值以将 <fieldset> 设置成这个 <form> 的一部分。       -->
<!-- name -->
<!-- 元素分组的名称 -->
<!-- 注意：fieldset 的标题由第一个 <legend> 子元素确定。 -->

<!-- <legend> -->
<!-- https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/legend -->
<!-- HTML <legend> 元素用于表示其父元素 <fieldset> 的内容标题。 -->